<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>考核</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body> 

<div id="nav">
  <ul>
    <li0><img src="img/top1.png"><a>Politics</a><img src="img/top1.png"></li0>
    <li1>Home</li1>
    <li>The Part</li>
    <li>Politics</li>
    <li>Leadership</li>
	<li>Contact</li>
	<li2><img src="img/top2.png"></li2>
  </ul>
</div>
<div id="header"style="background:url('img/banner.jpg')">
  <ul>
    <li1>LOREM IPSUM DOLOR SIT AMET,</li1><br/>
    <li1>CONSECTETUR ADIPISCING ELIT.</li1><br/>
	<li3>Lorem ipsum dolor sit amet</li3><br/>
	<li><img src="img/f6.png"></li>
  </ul>
</div>
<div id="大边框">
<div id="内容">
  <hl>
	&nbsp;Neque porro quisquam est,qui dolorem ipsum 
	&nbsp;quia dolor sit amet,consectetur,adipisci velit
  </hl>
	<br/><br/>
  <li>
	Quis autem vel iure reprehenderit qui in ea voluptate velit esse nihil molestiae
	consequatur,vel illum qui dolorem eum fugiat quo voluptas nulla pariatur autem vel 
	iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur ,
	vel illum qui dolorem eum fugiat mulla pariatur quis autem vel eum iure reprehenderit
	qui in ea voluptate velit esse quam nihil molestiae consequatur,vel illum qui dolorem 
	eum fugiat quo voluptas nulla pariatur autem vel eum iure reprehenderit qui in ea voluptate
	velit esse quam nihil molestiae consequatur,vel illum qui dolorem eum fugiat quo voluptas
	nulla pariatur vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae
	consequatur,vel illum qui dolorem eum fugiat.
  </li>
</div>
  
<div id="stay">
  <li1><a1>&nbsp;&nbsp;<img src="img/a1.png">&nbsp;&nbsp;</a1><a>STAY CONNECTED</a></li1><br/><br/>
  <li2><a>&nbsp;&nbsp;700 &nbsp;&nbsp;Followers</a></li2><br/><br/>
  <li3><a>&nbsp;&nbsp;201&nbsp;&nbsp; Followers</a></li3><br/><br/>
  <li4><a>&nbsp;&nbsp;111 &nbsp;&nbsp;Followers</a></li4><br/><br/>
  <li5><a>&nbsp;&nbsp;99 &nbsp;&nbsp;Followers</a></li5><br/><br/>
</div>

<div id="national">
  <ul>
    <li1><a0>&nbsp;&nbsp;<img src="img/a1.png"></a0><a1>&nbsp;&nbsp;NATIONAL</a1></li1><br/>
	<li2><img src="img/tech.jpg"></li2>
    <li3><img src="img/f1.jpg"></li3><b><a1>&nbsp;&nbsp;&nbsp;Barack Hussein Obama,<br/>President Of America.<br/><br/><h>Combined with a handful.</h></a1></b>
<br/>
	<li4><img src="img/f2.jpg"></li4><b><a2>Bill Clinton,Politician.<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<h>Combined with a handful.</h></a2></b>
<br/>
	<li5><img src="img/f3.jpg"></li5><b><a3>&nbsp;&nbsp;&nbsp;&nbsp;Andrew Ronalds,Politician.<br/><br/><h>Combined with a handful.</h></a3></b>
<br/>
	<li6><img src="img/f4.jpg"></li6><b><a4>Adelmir Santana,Politician.<br/><br/><h>Combined with a handful.</h></a4></b>
  </ul>

</div>

<div id="make">
  <ul>
    <li1>&nbsp;&nbsp;<img src="img/a2.png"><a>&nbsp;&nbsp;MAKE THEM FAMOUS</a></li1>
	<li><img src="img/p1.jpg"></li>
	<li><a><img src="img/arrow.png"></a></li>
  </ul>

</div>

<div id="gallery">
  <ul>
    <li1>&nbsp;&nbsp;<img src="img/a4.png"><a>&nbsp;&nbsp;GALLERY</a></li1><br/>
    <li2><img src="img/mg1.jpg"></li2>
    <li3><img src="img/mg2.jpg"></li3>
    <li4><img src="img/mg3.jpg"></li4>
<br/>
	<li5>More +</li5>
  </ul>
</div>

<div id="popular">
  <ul>
    <li1>&nbsp;&nbsp;<img src="img/a3.png"><a>&nbsp;&nbsp;POPULAR POSTS</a></li1>
	<li2><a1><img src="img/f4.jpg"></a1><a2>There are many variations <br/>of passages.</a2><br/><a3><img src="img/post1.png">&nbsp;&nbsp;Nov 22,&nbsp;&nbsp;2015&nbsp;&nbsp;<img src="img/post2.png">0</a3></li2>
	<li3><a1><img src="img/f3.jpg"></a1><a2><br>There are many variations</a2> <br/><a4>of passages.</a4><br/><a3><img src="img/post1.png">&nbsp;&nbsp;Nov 22,&nbsp;&nbsp;2015&nbsp;&nbsp;<img src="img/post2.png">0</a3></li3>
	<li4><a1><img src="img/f2.jpg"></a1><a2><br>There are many variations </a2><br/><a4>of passages.</a4><br/><a3><img src="img/post1.png">&nbsp;&nbsp;Nov 22,&nbsp;&nbsp;2015&nbsp;&nbsp;<img src="img/post2.png">0</a3></li4>
  </ul>
</div>

<div id="from">
  <ul>&nbsp;&nbsp;<img src="img/a5.png"><a>&nbsp;&nbsp;FROM AROUND THE WORLD</a></ul>

</div>

<div id="图片">
  <ul>
  <li1><img src="img/pic1.jpg"><br/><b2>Annergret Krisko</b2><br/><b3>Politician</b3><br/><a1>Lorem ipsum dolor sit amet,interdum<br/>ullamcorper consectetur</a1><br/><br/><a2>Nulla &nbsp;quis&nbsp; lorem &nbsp;neque,&nbsp;mattis &nbsp;venenatis &nbsp;lectus.<br/>In interdum ullamcorper dolor eu mattis.<br/><br/></a2><a3>&nbsp;&nbsp;&nbsp;&nbsp;READ MORE</a3></li1>
  <li2><img src="img/pic2.jpg"><br/><b2>Stephen Harper</b2><br/><b3>Politician</b3><br/><a1>Lorem ipsum dolor sit amet,interdum<br/>ullamcorper consectetur</a1><br/><br/><a2>Nulla &nbsp;quis&nbsp; lorem &nbsp;neque,&nbsp;mattis &nbsp;venenatis &nbsp;lectus.<br/>In interdum ullamcorper dolor eu mattis.<br/><br/></a2><a3>&nbsp;&nbsp;&nbsp;&nbsp;READ MORE</a3></li2>
  <li3><img src="img/pic3.jpg"><br/><b2>Shane Robinson</b2><br/><b3>Politician</b3><br/><a1>Lorem ipsum dolor sit amet,interdum<br/>ullamcorper consectetur</a1><br/><br/><a2>Nulla &nbsp;quis&nbsp; lorem &nbsp;neque,&nbsp;mattis &nbsp;venenatis &nbsp;lectus.<br/>In interdum ullamcorper dolor eu mattis.<br/><br/></a2><a3>&nbsp;&nbsp;&nbsp;&nbsp;READ MORE</a3></li3>
  </ul>
</div>

</div>

<div id="footer">
  <ul>
    <li1>
	    <a0><img src="img/a7.png"></a0><nl2>&nbsp;&nbsp;EDITOR PICKS</nl2><br/><br/>
	    <a1><img src="img/f1.jpg"></a1><a4>More Than 120ER Visits Linked To<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Synthetic WordPress In NYC...</a4><br/><ml>Nov &nbsp;&nbsp;22,&nbsp;&nbsp;2015</ml><br/><br/>
        <a2><img src="img/f2.jpg"></a2><a5>More Than 120ER Visits Linked To<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Synthetic WordPress In NYC...</a5><br/><a7><ml>Nov &nbsp;&nbsp;22,&nbsp;&nbsp;2015</ml></a7><br/><br/>
        <a3><img src="img/f3.jpg"></a3><a6>More Than 120ER Visits Linked To<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Synthetic WordPress In NYC...</a6><br/><a8><ml>Nov &nbsp;&nbsp;22,&nbsp;&nbsp;2015</ml></a8>
    </li1>
  </ul>
  <ul1>
    <li2>
        <a7><img src="img/a7.png"></a7><a0>&nbsp;&nbsp;&nbsp;ABOUT POLITICS</a0><br/><br/>
	    <a1><b>•</b>&nbsp;&nbsp;Mission</a1><br/>
		<a2><b>•</b>&nbsp;&nbsp;Organization</a2><br/>
		<a3><b>•</b>&nbsp;&nbsp;Our Achievements</a3><br/>
		<a4><b>•</b>&nbsp;&nbsp;Literature</a4><br/>
		<a5><b>•</b>&nbsp;&nbsp;Our Inspiration</a5><br/>
		<a6><b>•</b>&nbsp;&nbsp;Inc Sessions</a6><br/>
	</li2>
	<li3>
	    <a5><img src="img/a7.png"></a5><a0>&nbsp;&nbsp;MEDIA RESOURCES</a0><br/><br/>
	    <a1><b>•</b>&nbsp;&nbsp;Speeches</a1><br/>
	    <a2><b>•</b>&nbsp;&nbsp;Public Forum</a2><br/>
	    <a3><b>•</b>&nbsp;&nbsp;Photo GALLERY</a3><br/>
	    <a4><b>•</b>&nbsp;&nbsp;Books and Monographs</a4>
	</li3>
  </ul1>

</div>



</body>
</html>